{% load static %}
<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
    integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  <link rel="stylesheet" href="{% static 'css/main.css' %}">
  <title>问答社区 - 2022 北京冬奥会</title>
</head>

<body>
  <header class="site-header">
    <nav class="navbar navbar-expand-md navbar-light bg-white  fixed-top shadow-only-bottom">
      <div class="container">
        <a class="navbar-brand mr-4 " href="{% url 'home' %}">
          <img class="logo" src="{% static 'img/logo_head.png'%}" alt="logo">
          北京冬季奥林匹克运动会
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle"
          aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarToggle">
          <div class="navbar-nav mr-auto">
          </div>
          <div class="navbar-nav">
            <a class="nav-item nav-link" href="http://139.196.176.146">FAQ 智能问答</a>
            <a class="nav-item nav-link active" href="{% url 'home' %}">MRC 问答社区</a>
            <!-- <a class="nav-item nav-link" href="{% url 'create' %}">+提问</a> -->
            {% if user.is_authenticated %}
            <a class="nav-item nav-link" href="{% url 'profile' %}">个人资料</a>
            <a class="nav-item nav-link" href="{% url 'logout' %}">退出</a>
            {% else %}
            <a class="nav-item nav-link" href="{% url 'login' %}">登录</a>
            <!-- <a class="nav-item nav-link" href="{% url 'sign-up' %}">注册</a> -->
            {% endif %}
          </div>
        </div>
      </div>
    </nav>
  </header>

  <main role="main" class="container main-cont">
    <div class="row">
      <!-- <div class="row row-same-height"> -->

      <div class="col-md-8">
        {% if messages %}
        {% for message in messages %}
        <div class="alert alert-success">
          {{ message }}
        </div>
        {% endfor %}
        {% endif %}
        {% block content %}
        {% endblock %}
      </div>

      <div class="col-md-4 hei">
        {% block rightbar %} {% endblock %}
      </div>
    </div>
  </main>

  <footer class="text-center">
    <div class="container">

      <hr>
      <p>苏州大学 | 计算机科学与技术学院 | 自然语言处理实验室</p>
    </div>
  </footer>




  <script src="{% static 'js/jquery-3.5.1.slim.min.js'%}"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
    integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"
    integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"
    crossorigin="anonymous"></script>
    {% block js %}
    {% endblock %}
</body>

</html>